<!DOCTYPE html>
<html id="bg">

<head>
    <%- include('./include/head', { siteTitle: themeConfig.siteName }) %>
</head>

<body>
    <%- include('./include/header') %>
        <div id="main">
            <div id="main-part">
                <ul class="posts-list">
                    <% site.posts.forEach(function(post,postindex) { %>
                        <% if(!post.hideInList){%>
                            <%if(post.isTop){ %>
                                <li class="lite-item" id="btnStyle" style="border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;" onclick="javascript:top.location='<%= post.link %>'">
                                    <article class="post post-type">
                                        <header class="post-type-header">
                                            <div class="post-relative">
                                                <img alt="<%= themeConfig.siteName %>" src="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" srcset="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" class="avatar avatar-100 photo" width="100" height="100">
                                                <span class="post-type-author">
                    <%= themeConfig.siteName %>
                    <i class="Card Card-certify"></i><span class="publish-time"> - <i class="fa fa-calendar"
                            aria-hidden="true"></i> <%= post.dateFormat %></span>
                                                </span>
                                                <h3 class="post-type-title">
                                                    <a href="<%= post.link %>" rel="bookmark" title="<%= post.title %>">
                                                        <i class="fa fa-thumb-tack" aria-hidden="true"></i>
                                                        <%= post.title %>
                                                    </a>
                                                </h3>
                                            </div>
                                        </header>
                                        <div class="post-main post-type-main">
                                            <div class="post-content">
                                                <div class="post-tag"></div>
                                                <div class="post-excerpt">
                                                    <%if(post.abstract.length>0){%>
                                                        <%- post.abstract %>
                                                            <%}else{%>
                                                                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                                                                <%}%>
                                                </div>
                                                <div class="post-category">
                                                    <% if (post.tags.length > 0) { %>
                                                        <i class="fa fa-tags" aria-hidden="true"></i>
                                                        <% post.tags.forEach(function(tag, index) { %>
                                                            <a href="<%= tag.link %>" rel="category">
                                                                <%= tag.name %>
                                                                    <% if (index !== post.tags.length - 1) { %>
                                                                        ,
                                                                        <% } %>
                                                            </a>
                                                            <% }); %>
                                                                <% } %>
                                                </div>
                                            </div>
                                        </div>
                                    </article>
                                </li>
                                <% }}}); %>

                                    <% site.posts.forEach(function(post,postindex) { %>
                                        <% if(!post.hideInList){%>
                                            <%if(!post.isTop){ %>
                                                <li class="lite-item" id="btnStyle" style="border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;" onclick="javascript:top.location='<%= post.link %>'">
                                                    <article class="post post-type">
                                                        <header class="post-type-header">
                                                            <div class="post-relative">
                                                                <img alt="<%= themeConfig.siteName %>" src="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" srcset="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" class="avatar avatar-100 photo" width="100" height="100">
                                                                <span class="post-type-author">
                                <%= themeConfig.siteName %>
                                <i class="Card Card-certify"></i><span class="publish-time"> - <i class="fa fa-calendar"
                                        aria-hidden="true"></i> <%= post.dateFormat %></span>
                                                                </span>
                                                                <h3 class="post-type-title">
                                                                    <a href="<%= post.link %>" rel="bookmark" title="<%= post.title %>">
                                                                        <%= post.title %>
                                                                    </a>
                                                                </h3>
                                                            </div>
                                                        </header>
                                                        <div class="post-main post-type-main">
                                                            <div class="post-content">
                                                                <div class="post-tag"></div>
                                                                <div class="post-excerpt">
                                                                    <%if(post.abstract.length>0){%>
                                                                        <%- post.abstract %>
                                                                            <%}else{%>
                                                                                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                                                                                <%}%>
                                                                </div>
                                                                <div class="post-category">
                                                                    <% if (post.tags.length > 0) { %>
                                                                        <i class="fa fa-tags" aria-hidden="true"></i>
                                                                        <% post.tags.forEach(function(tag, index) { %>
                                                                            <a href="<%= tag.link %>" rel="category">
                                                                                <%= tag.name %>
                                                                                    <% if (index !== post.tags.length - 1) { %>
                                                                                        ,
                                                                                        <% } %>
                                                                            </a>
                                                                            <% }); %>
                                                                                <% } %>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </article>
                                                </li>
                                                <% }}}); %>
                </ul>
            </div>
            <%- include('./include/sidebar') %>
        </div>

</body>
<%- include('./include/footer') %>

</html>